<template>
    <div class="re-container">
        <group class="re-item" tag="div">
            <div class="re-item__bannerBox">
                <div class="re-item__banner" style="background-image:url(https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1530018708094&di=a42a0e3f885fe52438e10944a8d78d39&imgtype=0&src=http%3A%2F%2Fpic2.ooopic.com%2F12%2F42%2F25%2F02bOOOPIC95_1024.jpg)">
                </div>
            </div>
            <div class="re-item__title">广州七匹狗信息科技有限公司</div>
            <div class="re-item__content">大苏打难得看到卡扩散到卡萨诺的看书看就打你卡上今年大大撒开电脑卡是你的借口三大矿山打卡时间的那是觉得那是看见你多久啊是哪款</div>
        </group>
    </div>

</template>

<script>
import { Group , Cell } from 'vux'

export default {
    name: 'DetailHeader',
    components: {
        Cell,
        Group
    },
    props: {
        item: {
            default () {
                return {
                    label: 1
                }
            }
        }
    }
}
</script>

<style lang="stylus" scoped>

.re-item >>> .weui-cell
    padding: .1rem 0
    &:before
        border-top: 0 
.re-item >>> .weui-cells
    font-size: 0.26rem
    margin-top: 0
    &:after
        border-bottom: 0
    &:before
        border-top: 0

.re-item
    padding: .3rem 0
    background: #fff
    padding-bottom: .4rem
    margin-bottom: .2rem
    overflow: hidden
    .re-item__bannerBox
        width: 100%
        border-radius: .1rem
        padding: 0 .3rem
        box-sizing: border-box
        .re-item__banner
            width:100%
            height:0
            padding-bottom: 45%
            overflow:hidden
            background-position: center center
            background-repeat: no-repeat
            -webkit-background-size:cover
            -moz-background-size:cover
            background-size:cover
            border-radius: .1rem
    .re-item__title
        line-height: .8rem
        font-size: .3rem
        overflow: hidden
        &:before
            content: ''
            float: left
            width: .06rem
            height: .22rem
            background-color: #ed722e
            margin-right: .20rem
            margin-top: .25rem
    .re-item__content
        line-height: .38rem
        font-size: 12px
        color: #ccc
        margin-bottom: .1rem
        overflow: hidden
        padding: 0 .3rem
    .cell_icon
        margin-right: .2rem
        vertical-align: -.05rem
    
    
</style>